@charset "utf-8";
/*wap*/
@media screen and (min-width:0px)  and  (max-width:1023px)  {
html,body{margin:0 auto;}
html{font-size:62.5%}
.pc{display:none;}
.wap{display:block;}
.icon{font-family:iconfont;}
span{display:block;}
.wrap{max-width:100%; margin:0 auto;}
input{-webkit-user-select:text !important; display:block; cursor:pointer;}
button{display:block; cursor:pointer;}
img{display:block;}
a{cursor:pointer;}
em,i,p,span{line-height:100%;}

@media only screen and (min-width:321px) {html {font-size:62.5%!important}}
@media only screen and (min-width:361px) {html {font-size:70.31%!important}}
@media only screen and (min-width:376px) {html {font-size:73.24%!important}}
@media only screen and (min-width:481px) {html {font-size:94%!important}}
@media only screen and (min-width:561px) {html {font-size:109%!important}}
@media only screen and (min-width:641px) {html {font-size:125%!important}}



	.home-banner .vehicle .text .urlan{
		margin: 0 auto;
	}
/* --- 栏目 --- */
.page-column{text-align:center; margin-top:3rem; margin-bottom:1.5rem;}
.page-column h2{text-align:center; margin-bottom:.8rem; font-size:1.6rem; font-weight:normal;}
.page-column h2 b{color:#acce22;}
.page-column p{font-size:.9rem; color:#888; line-height:180%;}




/* --- 头部 - 显示 --- */
.page-header{position:fixed; left:0; top:0; width:100%; height:4.85rem; z-index:600; transition:all .3s; padding:0 1.5rem; border-bottom:1px solid #1B1B1B; background:#fff}
.page-header .wrap{ display:flex; align-items:center; height:100%;}

/* logo */
.page-header .logo{ width:8.7rem; }
.page-header .logo a.show{display:block;}
.page-header .logo img.show-logo{display:none}
.page-header .logo img.hide-logo{display:block}
.page-header .logo a.hide{display:none;}

/* 在线商城 */
.page-header .mall{background:url(../images/shopping.png) no-repeat 0 center; margin-left:auto; padding-left:2rem;}
.page-header .mall a{color:#fff; font-size:1.2rem;}

/* 语言 */
.page-header .language { margin-left:1.5rem; font-size:1.2rem;}
.page-header .language a{color:#333;}

/* 搜索 */
.page-header .search{ display:none;}

/* 导航 */
.page-header .page-nav{width:2.5rem; height:100%; margin-left:2rem; position:relative;}

/* 导航 - 显示 */
.page-header .page-nav .show{position:absolute; right:0; top:0; background:url(../images/wap-nav.png) no-repeat 0 center; width:100%; height:100%;}

/* 导航 - 隐藏 */
.page-header .page-nav .hide{width:16.5rem; background:#fff; position:fixed; height:auto; right:-16.5rem;top:0; padding:1.5rem; transition:all .3s;}

.page-header .page-nav .hide dl{ }
.page-header .page-nav .hide dt{height:3.75rem; padding-left:1.5rem; display:flex; align-items:center; font-size:1.2rem; position:relative;border-bottom:1px solid #D2D2D2; }
.page-header .page-nav .hide dt:after{content:""; background:url(../images/jia.svg) no-repeat right center; background-size:1.2rem 1.2rem; width:3.75rem; height:3.75rem; position:absolute; right:1.5rem; top:0;}
.page-header .page-nav .hide dl dt.current{color:#acce22;}
.page-header .page-nav .hide dl dt.current:after{background:url(../images/jian.svg) no-repeat right center; background-size:1.2rem 1.2rem; }
.page-header .page-nav .hide dd{padding-left:1.5rem; padding-bottom:1rem; padding-top:1rem; display:none;}
.page-header .page-nav .hide dd em{display:block; line-height:2.5rem; font-size:1rem;}
	.page-header .page-nav .hide dd em a{
		display: block;
	}
.page-header .page-nav .hide .close{position:absolute; left:-2.5rem; top:0; background:url(../images/close.svg) no-repeat 0 center; background-size:2rem 2rem; width:2.5rem; height:4.85rem; display:none;}






/* 导航 */
.page-header.slide .page-nav li .link{color: #000;} 
.page-header.slide .page-nav li .link.now{ color:#acce22;}
.page-header.slide .page-nav li .link:hover{ color:#acce22;}

/* 在线商城 */
.page-header.slide .mall a{color:#000;}

/* 语言 */
.page-header.slide .language a{color:#000;}




/* --- 头部 - 弹出 --- */
.pop-product{ display:none;}




/* --- banner --- */
.home-banner{
	height:100%;
	}

/* banner产品图片 */
.home-banner .vehicle{ background:#222; 
	height:100%; 
	background-size:cover;} 
.home-banner .vehicle .box{position:relative; margin-top:4.85rem; padding-top:5rem;}

/* 文案 */
.home-banner .vehicle .text{position:relative; text-align:center; margin-bottom:3rem;width: 100%;}
.home-banner .vehicle .text h3{font-size:3.25rem; color:#fff; margin-bottom:1.5rem;}
.home-banner .vehicle .text .dep{color:#fff; font-size:1.6rem;  margin-bottom:1.5rem; position:relative;}
.home-banner .vehicle .text .dep em{color:#acce22;}
.home-banner .vehicle .text .eng{color:#4C4C4C; text-transform:uppercase; font-size:1.5rem; font-family:Arial;display: none;}

.home-banner .vehicle .text .other{ display:none;}

/* 图片 */
.home-banner .vehicle .pic{width:45%;margin: 0 auto;position: relative;} 
.home-banner .vehicle .pic img{margin-top:2.5rem; margin:0 auto;width: auto;}





/* --- 解决方案 --- */
.home-solution{background:#f5f5f5; overflow:hidden; padding:0 1.5rem; padding-bottom:1.5rem;}

/* 场景 */
.home-solution .scene {background:#fff; overflow:hidden; transition:all .3s; margin-bottom:1.5rem;}
.home-solution .scene li{float:left; width:50%; display:flex; align-items:center; justify-content:center; position:relative; border-bottom:1px solid #efefef; border-right:1px solid #efefef; height:7.5rem;}
.home-solution .scene li .icon{width:40%;}
.home-solution .scene li .icon img{margin:0 auto; width:4rem;}
.home-solution .scene li .text{width:60%; font-size:1.2rem;}
.home-solution .scene li:nth-child(2){border-right:none;}
.home-solution .scene li:nth-child(3){border-bottom:none;}
.home-solution .scene li:nth-child(4){border-bottom:none; border-right:none; }

/* 图片 */
.home-solution .photo{ display:flex; align-items:center;} 
.home-solution .photo p{overflow:hidden;  transition:all .3s;}
.home-solution .photo p:hover{box-shadow: 10px 10px 20px #ececec;}
.home-solution .photo .left{width:55%;}
	.home-solution .photo .left img{
		height: auto;
	}
.home-solution .photo .right{margin-left:auto; width:41.5%;}
.home-solution .photo .right p:nth-child(1){
/*	margin-bottom:.8rem;*/
	}





/* --- 优点 --- */
.home-merit{overflow:hidden; padding:0 1.5rem; background:url(../images/home-merit.jpg) no-repeat; background-size:cover; background-attachment: fixed; padding-bottom:3.5rem; background-size:cover;}
.home-merit li{float:left; width:50%; border-bottom:1px solid #e9e9e9;  border-right:1px solid #e9e9e9; display:flex; padding:1.5rem 0;}
.home-merit li .pic{ width:30%; line-height: 0; }
.home-merit li .pic img{width:3rem; margin:0 auto;}
.home-merit li .text { width:70%;}
.home-merit li .text h3{font-size:1.2rem; margin-bottom:.5rem; font-weight:bolder;}
.home-merit li .text p{font-size:.8rem; color:#888; line-height:150%; padding-right:1rem;}

.home-merit li:nth-child(2){border-right:none;}
.home-merit li:nth-child(4){border-right:none; }
.home-merit li:nth-child(5){border-bottom:none;}
.home-merit li:nth-child(6){border-bottom:none; border-right:none; } 





/* --- 展示 --- */
.home-exhibition{background:#f5f5f5; padding:3rem 1.5rem;}

/* 视频 */
.video-list{margin-bottom:1.5rem;}
.video-list ul{}
.video-list ul li{position:relative; cursor:pointer;overflow: hidden; width:100%; height:15rem; margin-bottom:1.5rem;}
.video-list ul li:last-child{margin-left:auto;}
.video-list ul li .video-show{position:absolute; left:0; top:0; width:100%; height:100%; z-index:300;}
.video-list ul li .video-show .text{position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; display:flex; align-items:center; justify-content:center; font-size:1.2rem;}
.video-list ul li .video-show .text i{background:url(../images/play.png) no-repeat; width:3rem; height:3rem; display:block; margin:0 auto; margin-bottom:1rem; background-size:100%;}
.video-list ul li .video-show .text em{color:#fff;}
	.video-list ul li .pic img{
		width: 100%;
	}
/* 服务 */
.service-list ul{display:flex; align-items:center;}
.service-list ul li{width:33.333%; border-right:1px solid #e9e9e9;}
.service-list ul li a{ }
.service-list ul li a .icon{ margin-bottom:1rem;}
.service-list ul li a .icon img{margin:0 auto; width:3rem;}
.service-list ul li a .text h3{ font-size:1.2rem; text-align:center;}
.service-list ul li a .text p{ display:none;}

.service-list ul li:last-child{border:none;}





/* --- 新闻中心 --- */
.home-news{ overflow:hidden;}

/* 切换 */
.home-news .title{display:flex; align-items:center; border-bottom:1px solid #eee; height:5rem; display:flex; padding:0 1.5rem;}
.home-news .title h3{font-size:1.6rem; font-weight:bold;}
.home-news .title .more{margin-left:auto;}
.home-news .title .more a{background:#272727; width:4rem; height:2rem; line-height:2rem; display:block; color:#fff; border-radius:.25rem; text-align:center;}


/* 内容 */
.home-news .content {padding:1.5rem;}
.home-news .content a {padding:1rem 3rem; display:block; padding-right:2rem; padding-top:0;}
.home-news .content a .date{color:#e1e1e1; font-size:2rem; margin-bottom:1.5rem; font-weight:bold;}
.home-news .content a .text h3{font-size:1.4rem; margin-bottom:1.5rem; line-height:150%;}
.home-news .content a .text p{font-size:1.2rem; margin-bottom:1.5rem; color:#888; line-height:150%;}
.home-news .content a .more{ font-size:1.2rem;} 
.home-news .content a .more em{border-bottom:.15rem solid #acce22; padding-bottom:.25rem;}


/* 箭头 */
.home-news .content .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:0rem;}
.home-news .content .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:0rem;}





/* --- 弹出 --- */
.pop-back{position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:400; display:none;}
.pop-video{ width:90%; left:0; right:0; bottom:0; top:-200%; position:fixed; margin:auto; z-index:500; height:25%;}





/* --- 底部 --- */
.page-footer{background:#000; padding:1.5rem;}

/* logo */
.page-footer .logo{ display:none;}

/* 地图 */
.page-footer .map{}
.page-footer .map dl{}
.page-footer .map dl dt{color:#fff; height:3.75rem; border-bottom:1px solid #2B2B2B; display:flex; align-items:center; font-size:1.2rem; position:relative;}
.page-footer .map dl dt a{color:#fff;}
.page-footer .map dl dt:after{content:""; position:absolute; right:0; top:0; height:3.75rem; width:3.75rem; background:url(../images/jia-white.svg) no-repeat center center; background-size:1.2rem 1.2rem;}
.page-footer .map dl dt.current{color:#acce22;}
.page-footer .map dl dt.current:after{content:""; position:absolute; right:0; top:0; height:3.75rem; width:3.75rem; background:url(../images/jian-white.svg) no-repeat center center; background-size:1.2rem 1.2rem;}
.page-footer .map dl dd{ display:none; padding-top:1rem;}
.page-footer .map dl dd em{display:block; font-size:1.2rem; line-height:200%;}
.page-footer .map dl dd em a{color:#888;}


/* 联系 */
.page-footer .contact{ text-align:center; margin-top:2.5rem;}
.page-footer .contact .tel p{font-size:1.4rem; color:#fff; margin-bottom:1rem;}  
.page-footer .contact .tel p:last-child{ color:#acce22; font-size:1.8rem;} 
.page-footer .contact .shop{display:none;}



/* --- 版权 --- */
.page-copyright{background:#000; overflow: hidden;}
.page-copyright .box{border-top:1px solid #191919;overflow: hidden; color:#888; font-size:.9rem; text-align:center; padding:1.5rem;}
.page-copyright .box .left em{ }
.page-copyright .box .right{ margin-top:.5rem;}
.page-copyright .box .right a{
		color: #888;
	}




/* --- 产品简介 --- */
.product-brief{position:relative;overflow: hidden;}
.product-brief .wrap{ }

/* 图片 */
.product-brief .photo{  overflow:hidden;overflow:hidden; background:#fff; padding:1.5rem 0; 
/*	float: left;*/
	}  
.product-brief .photo .content{position:relative; z-index:500;}


/* 介绍 */
.product-brief .about{ padding:2rem 1rem;
/*	float: right;*/
	}

/* 介绍 - 名称*/
.product-brief .about .name h1{font-size:1.2rem; margin-bottom:1rem; font-weight:bold;}

/* 介绍 - 帮助*/
.product-brief .about .help{border-top:1px solid #b9b9b9; border-bottom:1px solid #b9b9b9; display:flex; align-items:center;  height:3rem; margin-bottom:1rem;}
.product-brief .about .help a{display:block; width:25%; position:relative;font-size: 0.9rem; text-align:center;}
.product-brief .about .help a:after{content:""; height:1.4rem; width:1px; background:#d1d1d1;  right:0; top:.3rem; position:absolute; font-size:1.2rem;}

/* 介绍 - 简介*/
.product-brief .about .brief{color:#888; line-height:1.2rem; margin-bottom:1rem; font-size:1rem;}

/* 介绍 -  参数*/
.product-brief .about .parameter{margin-bottom:1rem; overflow:hidden;}
.product-brief .about .parameter p{ height:2.5rem; line-height:2.5rem; font-size:.9rem; border-bottom:1px solid #b9b9b9;}
.product-brief .about .parameter p em{color:#888;}

/* 介绍 -  颜色*/
.product-brief .about .color{display:flex; align-items:center; margin-bottom:1rem;}
.product-brief .about .color .title{color:#888; margin-right:1rem;}
.product-brief .about .color .list {display:flex; align-items:center;}
.product-brief .about .color .list em{display:block; width:2rem; height:2rem; margin-right:.5rem; border:2px solid #f5f5f5; font-size:1.2rem;}
.product-brief .about .color .list .choice .checkbox{appearance: none; -webkit-appearance: none; outline: none; display: none;}
.product-brief .about .color .list .choice .checkbox+em{}
.product-brief .about .color .list .choice .checkbox:checked+em{ border:2px solid #acce22; }

/* 介绍 -  购买 */
.product-brief .about .buy a{background:#000; width:100%; height:2.5rem; text-align:center; line-height:2.5rem; font-size:1rem; color:#fff; display:block; transition:all .1s;}
.product-brief .about .buy a:hover{background:#acce22; }





/* --- 产品详细 --- */
.product-detailed{}

/* 切换 */
.product-detailed .hd{ border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; height:4rem; }
.product-detailed .hd ul {display:flex;  height:4rem; justify-content:center; align-items:center;}
.product-detailed .hd ul li{width:25%; position:relative; text-align:center; font-size:1.2rem;}
.product-detailed .hd ul li:after{content:""; width:1px; background:#d1d1d1; height:1.6rem; position:absolute; right:0; top:.1rem;}
.product-detailed .hd ul li.on{color:#acce22; font-weight:bold;}

/* 内容 - 产品说明 */
.product-detailed .bd .box{text-align:center;}
.product-detailed .bd .explain{text-align:center;}





/* --- 产品相关 --- */
.product-relevant{padding:0 1.5rem 1.5rem 1.5rem;}

/* 标题 */
.product-relevant .title{ display:flex; align-items:center; margin-bottom:1.5rem;}
.product-relevant .title h2{  }
.product-relevant .title .back{margin-left:auto;}
.product-relevant .title .back a{background:#acce22; width:10rem; height:3rem; line-height:3rem; border-radius:5px; color:#fff; display:block; text-align:center; font-size:1.2rem;}


/* 内容 */
.product-relevant .content{margin-bottom:50px;}
.product-relevant .content ul{}
.product-relevant .content ul li{
	width: 46%;
    margin: 2%;
    padding: 2%;
    display: block;
    float: left;
    background: #fff;
    box-shadow: 0 3px 8px rgba(0,0,0,.1);
    transition: all .3s;
	}
.product-relevant .content ul li .pic a{    display: flex;
    align-items: center;
    padding: 3% 3% 60px 3%;
    justify-content: center;}
.product-relevant .content ul li .text{text-align:center;    padding: 0 30px 15px 30px;}
.product-relevant .content ul li .text h3{
	font-size: 22px;
    margin-bottom: 20px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
	
	}
.product-relevant .content ul li .text p{
	    color: #888;
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    padding: 0 15px;
	}
.product-relevant .content ul li:hover{box-shadow: 10px 10px 20px #ececec;}




}


@media screen and  (max-width:768px){
/*
	.product-brief .photo img{
		width: 100%!important;
		margin: 0 auto;
	}
*/
	.page-header .mall {
/*    margin-left: 10rem;*/
}
	.home-banner .vehicle .text {
    margin-bottom: 1.5rem;
}
	.home-banner .vehicle .pic {
    width: 100%;
}
	.home-banner .vehicle .pic img{
		height: 589px;width: auto
	}
	.product-relevant .content ul li{
	width: 100%;
    margin: 2% 0;

	}
	/* 介绍 - 名称*/
.product-brief .about .name h1{font-size:1.6rem; margin-bottom:1rem; font-weight:bold;}
	.product-relevant {
    padding: 1.5rem;
}
	.home-solution .photo .right {
    margin-left: auto;
    width: 42%;
}
	.home-merit li {
    float: none;
    width: 100%;
    border-top: 1px solid #e9e9e9;
    border-bottom: none;
    border-right: none;
    display: flex;
    padding: 1.5rem 0;
}
	.page-footer .map dl {
    width: 100%;
}
	
}
@media screen and  (max-width:620px){
	.home-banner .vehicle .pic img {
    height: 635px;
}
}
@media screen and  (max-width:530px){
	.home-banner .vehicle .pic img {
    height: 545px;
}
	.home-banner .vehicle .box {
    position: relative;
    padding-top: 3rem;
}
	.home-banner .vehicle .text .urlan{
		width: 100px;
		height: 32px;
		line-height: 32px;
	}
	.home-banner .vehicle .text .urlan .load-s0 {
    font-size: 12px;
    line-height: 32px;
}
	.home-banner .vehicle .text h3 {
    font-size: 3rem;
    color: #fff;
    margin-bottom: 1rem;
}
	.home-banner .vehicle .text .dep {
    color: #fff;
    font-size: 1.6rem;
    margin-bottom: 1rem;
    position: relative;
}
}
@media screen and  (max-width:460px){
	.page-header .mall {
/*    margin-left: 4rem;*/
}
	.home-banner .vehicle .pic img {
    height: 400px;
}
	.home-merit li .pic {
    width: 25%;
    line-height: 0;
}
	.home-merit li .text {
    width: 80%;
		max-height: 56px;
		overflow: hidden;
}
	.home-solution .photo .left p:nth-child(1) {
    margin-bottom: 15px;
}
	.home-solution .photo .left {
    width: 55%;
}
}